.clear:after{
  display: block;
  content: '';
  clear: both;
}
/* 通用部分 */
.btn{
	display:block;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
	height:44px;
	line-height:44px;
	color:#fff;
	width:220px;
	text-align:center;
	font-size:16px;
  position:relative;
  transition: .3s;
}
.btn__blue{
	background:#ec2a2a;
}
.btn__blue:hover{
	background:#4888fa;
	-webkit-box-shadow:0 5px 15px rgba(30,89,238,.32);
	-moz-box-shadow:0 5px 15px rgba(30,89,238,.32);
	box-shadow:0 5px 15px rgba(30,89,238,.32)
}
.btn__red{
	background:#ed4c5c;
}
.btn__red:hover{
	background:#f96574;
	-webkit-box-shadow:0 5px 15px rgba(239, 108, 132, 0.32);
	-moz-box-shadow:0 5px 15px rgba(239, 108, 132, 0.32);
	box-shadow:0 5px 15px rgba(239, 108, 132, 0.32)
}
.btn__yellow{
	background:#ec2a2a;
}
.btn__yellow:hover{
	background:#f7c35d;
	-webkit-box-shadow:0 5px 15px rgba(239,232,27,.32);
	-moz-box-shadow:0 5px 15px rgba(239,232,27,.32);
  box-shadow:0 5px 15px rgba(239,232,27,.32)
}
.btn__white{
  background: #ec2a2a;
  color: #fff !important;
  border:0px solid #fff;
}
.btn__white:hover{
	-webkit-box-shadow:0 5px 15px rgba(185,185,183,.32);
	-moz-box-shadow:0 5px 15px rgba(185,185,183,.32);
  box-shadow:0 5px 15px rgba(185,185,183,.32)
}
/* 标题 */
.pro_item {
	width: 100%;
	background: #fff;
}
.gray_bg {
	background: #fafafc !important;
}
.pro_item .item_inner {
	position: relative;
	box-sizing: border-box;
	width: 1240px;
	margin: 0 auto;
	text-align: center
}
.pro_item .item_inner p{
	position: relative;
}
.pro_item .item_inner .title {
	padding-top: 70px;
	font-size: 32px;
	color: #333;
}
.pro_item .item_inner .sub_head {
	margin: 10px 0 40px 0;
	font-size: 16px;
	color: #888888
}
/* .error-tips {
	display: none;
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -85px;
	width: 170px;
	height: 45px;
	line-height: 45px;
	border-radius: 4px;
	color: #333;
	text-align: center;
	background: #ffc616
}
.error-tips b{
  position: absolute;
  bottom: -16px;
  left: 45%;
  margin-right: 20px;
  border: 8px solid #c2cfe6;
  border-color: #ffc616 transparent transparent transparent;
}
.error-tips.error{
  display: block;
} */
.erro_tip{
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,76,76,1);
  line-height: 14px;
  margin-top: 6px;
  margin-bottom: 12px;
  visibility: hidden;
}
.haigui-wrapper{
	margin:0 auto
}
.text-wrapper{
  text-align: center;
}
.title-text h2{
  font-weight: 500;
  font-size: 32px;
  line-height: 45px;
  text-align: center;
  color: #111f33;
}
.title-text p{
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  height: 34px;
  color: #787e87;
  text-align: center;
  margin-top: 4px;
}
/* 试用提示信息 */
.tip-message{
  /* min-width: 380px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #EBEEF5;
  border-radius: 3px;
  position: fixed;
  z-index: 10000;
  left: 50%;
  top: -50px;
  /* top: 20px; */
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #edf2fc;
  opacity:0;
  -webkit-transition: opacity .3s,-webkit-transform .4s;
  transition: all .3s,-webkit-transform .4s;
  transition: all .3s,transform .4s;
  transition: all .3s,transform .4s,-webkit-transform .4s;
  padding: 15px 15px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tip-message.tip-message--error{
  background-color: #fef0f0;
  border-color: #fde2e2;
}
.tip-message.tip-message--error p,.tip-message.tip-message--error i{
  color: #F56C6C;
}
.tip-message.tip-message--success{
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}
.tip-message.tip-message--success p,.tip-message.tip-message--success i{
  color: #67C23A;
}
.overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99000;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: #000;
  }
#free-box{
  width: 500px;
  height: 360px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#free-box .modal-content>div{
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.modal-content h2{
  font-size: 18px;
  font-weight: bold;
}
.modal-content h1{
  font-size: 18px;
  margin: 20px 0;
  color: #ec2a2a;
  text-align: center;
}
.modal-content h1 i{
	display: inline-block;
	width: 80px;
    height: 64px;
	background: url(http://www.gmail163.cn/static/index/css/qiye163/images/success.png) no-repeat;
	background-size: 112%;
    vertical-align: bottom;
}
.modal-content p{
  font-size: 16px;
  margin: 10px 0;
}
.modal-content p b{
  color: #ec2a2a;
}
.modal-content p s{
  color: #e64507;
  font-weight: bold;
}
.free-box-content button{
	display: inline-block;
	width:100%;
	padding: 12px;
	margin-bottom: 6px;
	border: 1px solid #50a2ff;
	cursor: pointer;
	font-size: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #50a2ff;
	color: #fff;
}
.free-box-content button:hover{
	background: #3190FC;
}


.login-overlay, .try-overlay{
  display: none;
  position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}
.modal{
	display:none;
	position:fixed;
	margin:-210px 0 0 -355px;
	z-index:99900;
	background:#fff;
	overflow: hidden;
	-webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
  box-shadow: -0.838671px -0.544639px 15px rgba(0,0,0,.2);
  border-radius: 10px;
}
.modal-container{
	width: 1300px;
	position: relative;
	left:0px;
	transition: all 0.3s linear;
}

.modal .modal-title p{
	padding:15px 0 15px 15px;
	font-size:20px;
}
.modal-close, .modal-close_login, .modal-close_try{
	position:absolute;
	top:6px;right:14px;
	font-size:32px;
	cursor: pointer;
}
.modal-content{padding:30px;}
#login-box{
	width: 500px;
  height: 300px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#try-box{
	width: 60%;
  height: 600px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#try-box .modal-title{
	padding: 26px 0;
    background: url(http://www.gmail163.cn/Public/qiye163/img/c72ad4824f82a549f298f7f50830ac84.png) no-repeat top;
    -webkit-background-size: 900px 120px;
    -moz-background-size: 900px 120px;
    background-size: 900px 120px;
}
#try-box h1{
	font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
}
#try-box .modal-content{
    padding: 30px;
    width: 440px;
    margin: 0 auto;
}
.form-modal .modal-content div{
  position: relative;
}
.form-modal .form-item {
	position: relative;
}

.form-modal .form-item .form-item-label {
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 1px;
	background-color: #f8f9fb;
	border: 1px solid #e1e3e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	width: 40px;
	height: 44px;
	-webkit-background-size: 22px 22px;
	-moz-background-size: 22px 22px;
	background-size: 22px 22px;
	background-position: 50%;
	background-repeat: no-repeat
}

.form-modal .form-item .form-item-label.form-item-label-name {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJQSURBVHgB7ZhNbtNAFMffc41IugDfAB8hLBMJka4grHCBBStyg+QGLSdAPQFl1UVVGRaVJSREJFSFFeQIPkJW4LQwjzcuXQD+nDe1heTfauIP+ZfJeN77B6Cjo6NRECzyOvzq3ep9e8xDX38mwtUF4ur5ZBiDJawIa1Fve7NHRPOchxwmBC9tiIuFj6KlfxPhI/ye1QLiDcGOVNoBAXpmK8pq0i+m7wEBImFv+3wG1WSv8HmNz0GASJhITaEm6GzNQICx8HG0HEO92b2EyAtPzwZgiLEw8oPBEOVA88ISFKgYDDEW3uKCAIa44MZgiLFwwPspb+ILqE8cCPZi0ZJQBG+gJsQVDwSIhJ9MhoeKqLq0ogN9DwgQv3RPJ6Mpz9tB6YUsu/toJCoaGiu7xO7D0VwpCnLW9OIn9xA2ZDVW28srQm6I0kHSWwfB3TV0/EdYTxxeL/mjZAcW04ZGJHwcfRq7jnuf99YxNxcDIMzuL5DWSLoy4uoHXbx7Nrm3AENqC1/GoWRGwHEoT7CctEqaxKZawuH7zzPugfcFov8KIOwHD4aVq18l4TQN95NXfPEUrofKea9UWMve7m84t5FxD1uRStKllU7H9wZkNRxSMSwLqYXCJ9HZNO+/huuBBmUhtVAY0dmDhtEhtWiWc4X17IJJyJTCWbFolnOFEVEUxyXwL/si71ym8FHabWETL1oe/umHL3eyTmQK3yBqUzYlOf++k3U8UxidFtbu32B2Nc1ew4TtN905Dm7WQR0UT6Ilj5QPbYC4dpL+W+jo6GifXywH0P9sLOV+AAAAAElFTkSuQmCC)
}

.form-modal .form-item .form-item-label.form-item-label-cname {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJUSURBVHgB7ZhLbtRAEIb/aiTiIIGGEzBXyAqFDWYVZYUciXUmN4ATYG4w3CCsWETJwAIZFigjITRig3KEuQEDGw9CdtG2eOTVcXdV5yXNt67u/t1dXX+7gAXnC0HB3ocvm0A1BFPPc8gUZPKNtfuvIMRAA9d5gNiGvh00hAKdYOIQsVFQ7jCCj5aY30CBSnDFFL54Vb+EAtWlaxi9n+wzkHoFEx9srD1YgQJdSlhq8FvfWK5JtbsNasGm/Lltd27WGUg0+zFPVPnbrgclWfZo5nP5msu2la10f1gHasFoxZCtrXxwRsjYftQLLLgGqMvaX/ZseYOjvNlFtmdl8uzK5PBu8XmAM2qxrdODO8vlABGIIhh043FnCHuaSwdxqgTVaWeQMQ8RAbXgnWKSej0xmXs7xacUSvROB4/d/RdrvGPdc2gnIP+jDol1oSpro9F+j5eTbyFjvpfJXU15072Hl5ZSBHL7VplCgUowGeosZycWrHTlTScYgsUFH3lkOIS8LiZ9tH/BwfTfffx6D0LEgm8GlLPjzH/NMwiRp4SHHTuHKmxaLNjLjp2ryuuxSLC3HbtQ2LRIsFHk7/85TAoBMsERLFY6R7A1S+zYhcSmg3dYYscuJDYdLNiYOH8O7VwCmw7PYcaFt1gPEyyYQDmaTrqeKREFN7fF7+HdYpIT4TlCsX24pilo5skwE7yLdQ94+wBicG5tb9NzyNja8la2vjqFkCiNFLvbgz+73XeETCsr9Mn66hhKonV+Gk6kifL4TyOq4IY2TZiftpPbS6U5/gWXwW9cNLbTK876uAAAAABJRU5ErkJggg==)
}

.form-modal .form-item .form-item-label.form-item-label-pname {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFJSURBVHgB7dkxTgJBFMbx700MUHIEvQGUxhPQSaysCDfQE7CcwCOIlZURK2JnR6lH8Ah0IsV+zmCj2LyN7yWQvF9CQibD5s/sZItZIITDJk0m3y+Wx23BLYQ9ULr4J0LmG/L6cnD6rv2NOngbm/hqEfq7QFafNfva6ASllsiNeWxBdjvlrimpgwU8hxOK9LRz1cGu8iprp+5HcAMR7C2CvUWwtwj2FsHeIthbBHuLYG8R7C2CSUyFOCmf8h3GjmCIrKcXg7Pqx1D1sFjmsxJMYMR0hRPS7O8YZjBkGtxqtbk7toYt0+D15mO8O9ZJaQRDpntYJE0en5dc17jrlIGEUd7XFQyZBhf5yVDlI9lquzcIc/otIVxhD+hPLylv8EI+aafqV5gYu6xyvqZArrTT1cHDfEIutfRFOIeF7z//Uq45bPDKIIRD9wWkPFv6txrI+wAAAABJRU5ErkJggg==)
}

.form-modal .form-item .form-item-label.form-item-label-sname {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFISURBVHgB7dYxTsMwFAbg9wqDu6BwAzhCJ1Q6dQEyJhwArsAN0hPQI7QXoCtMsCG2HiE3IBsBCT9ekLLlNU0U2x3eN1l5cvzrJbINoJRSKiSUCk8vH3cAv0sgjMCvHHCUpdcX66biSJxGNgsQtnLGiy+lohz4f2IgRGKjdgU+SBrYNQ3smgZ2rXNgS7TGL3OKBOfVeOh6G/lofn6nxgm8UBJP82q82bxGNDafQ9Zr6c20MVvnDhelKepxaUw0dL1N5w7zw9UPwaLkhU/G5SO/4H7Iek3qcOfAvgz2S4SmgV3TwK5pYNfkwEgFhJNLBTEwWXzYNdEZbhTxSSiWYU/iUU12cRvPMvDkGPqqOsFfgcOuwKN+gTksIs3T+HILnvXZJXK0OEmuZt7DVjoGxi1fwOf1BTyEvX8Jayk5+jZvSTIJud0ppVSLP8tPn1oV0GrGAAAAAElFTkSuQmCC)
}

.form-modal .form-item .form-item-label em {
	color: #d90000;
	font-style: normal
}

/* .form-modal .form-item .form-item-box {
	width: 440px;
	position: relative
} */

.form-modal .form-item .form-item-box .form-item-input input {
	width: 100%;
	text-indent: 52px;
	/* padding: 15px 12px 15px 52px; */
	border: 1px solid #dfe3e6;
	border-left: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 44px;
	color: #111f33;
	font-weight: 400
}

.form-modal .form-item .form-item-box .form-item-input input.is-error {
	border: 1px solid #d90000;
	border-left: none;
	color: #d90000
}

.form-modal .form-item .form-item-box .form-item-input input.is-error+.form-item-label {
	border: 1px solid #d90000
}

.form-modal .form-item .form-item-box .form-item-input input:focus,.form-modal .form-item .form-item-box .form-item-input input:hover {
	border: 1px solid #ec2a2a;
	border-left: none
}

.form-modal .form-item .form-item-box .form-item-input input:focus+.form-item-label,.form-modal .form-item .form-item-box .form-item-input input:hover+.form-item-label {
	background-color: #ec2a2a;
	border: 1px solid #ec2a2a
}

.form-modal .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-name,.form-modal .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-name {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgB7ZiBTcMwEEV/EAN0BHcDNqBs0BHYoGxQmAA2KGwAE8AGZAOHCdoNjjslUQuy28bn2KnkJ51SXVvl9+snuStQKBSSUiEiRDTjw5LLdK1aqqqqBlNChHI9k58Nl8EUECFclk5js4vunD1H7KHoGRRcQccK+7yeg3z2AbkY6G7PFgqCHeYTLzDM3R6J0Q0C0URCk8UsgjU0CEQjuEY4DXLAWfyk4Vgo0EbiDcN5Qk7YsdcB7r5gCoiQixHbw4KW5M609BaIRNTxsof2Q86OR8sdChfEGBvHn0d27G1DJbi7mG655CjzgW++kBzXXX3wj/hCKqgd2tdcWwrHUoq1iU+wUgp1sUZsqHV1Q+NhKZbbndhvGh8bRTQdX99jI8aELwb85XtKz+MxTdUJwTK7GqRFboFz3yPdOw+Lu0gvVpBIeP8K8DoseYJiWVTSsMNz1xtOwdRerapVJgKGRf/8b/oikcvZQ+5cTZ9gg/w4b28+wVMYup0arl1Nzo4slvLSIA8i9h2FQiE/vxfACQaRGFH0AAAAAElFTkSuQmCC)
}

.form-modal .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-cname,.form-modal .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-cname {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgB7djRUcMwDAbgP0yQTgAjsAHagGMCGIERGAEmADYoE2QERjAbpBsI+eq+QBosyY3NNd9dn+q0OlmREgOrhjHzvXxGzhfiNaglBaA1wuECPj0W5g34HXpb1CLbS6x3jZokgEER7CecvCURfSjWvqA2yVrPea0trnHfpO4Md123Q97Nt01r65PMXcX6nMnuENdgdU54vr29lrjhipFgHvhvjyigRB+ObjPWEFrBmX0YBbgzLIEQ8p7a+rTWpURJ0InWTioR8M2J1k7q4JBalbY2N54R7c0wQY/g4A04p539RKiFbS+hATXw/gnN6hJGnpIg2N3ByBOwpX4PCEbmtpZGrfUJbCetbQMDU4YV4/gY85i2lgTBj2BgDdg9Yq2/oa5h4zg+Rj2mLRkmlENQOouA23mZzJFGcmC/wEsersifPbHNmK5dfqdStt8UwQ7cwpEV788lwkyg8TtCa/h3mRTfftc73ZS05YdTnmcZDF9Y/SPfHEg/aY4NlEsAAAAASUVORK5CYII=)
}

.form-modal .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-pname,.form-modal .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-pname {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADKSURBVHgB7djRCYMwFIXhm27QDdLJSiepTlQ6gSt0E93gNoE8+ODDKdyDsZ4PAiIm/EierpnIibh7Lmsqa/YYr3qmMbTYqNC1mRLd/gbLhHYk9MN6qvEsKaUr8mEvwVaCoZaLHYyC2RTMpmA2BbMpmE3BbApmUzCbgtkUXIxl3doabS/gfGHY2DcgGy2aY/LGvoxsRDuirwR1dlFFBz823t1tD457tmuQ2zME7fjrUdViHfgl+GM8b4vmRxtor6KjBts1dKLFinTqC3YS0XahwffLAAAAAElFTkSuQmCC)
}

.form-modal .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-sname,.form-modal .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-sname {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgB7djBDcIwDIVhhwnKBmUDRmEDWIENYJKKiRihbEA2MLGUQw6JDwETV3qfVFHJIH75QCOIAADAJWY+p+vN/7fKd7e6ghK8ppeZxoghhH1toAUzDZSCq2072hgEW0OwNQRb6wl+pEt+1A/5/tfzPsqjcy7eMxnMWXto9Ww4FveTwbwPty2ypbydxWCubhhnCWsItoZgawi2pgVHGufVGmjBV+2DhmRRd/oWt93Io0qo/MlyIa8qsUfyrIhduTjTupVjn5uIFSn0JGdYAgBw7QPZlNcUQVaGnwAAAABJRU5ErkJggg==)
}

.form-modal .form-item .form-item-box .form-item-input input:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(51,126,255,.2);
	-moz-box-shadow: 0 0 0 2px rgba(51,126,255,.2);
	box-shadow: 0 0 0 2px rgba(51,126,255,.2)
}

.form-modal .form-item .form-item-box .form-item-code {
	width: 120px;
	float: right
}

.form-modal .form-item .form-item-box .form-item-code button {
	width: 100%;
	height: 44px;
	white-space: nowrap;
	background: #ec2a2a;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
}

.form-modal .form-item .form-item-box .form-item-code button[disabled] {
	opacity: .3
}
.form-modal .form-item.form-code-item .form-item-input {
  width: 300px;
  margin-right: 20px;
	display: inline-block
}
.form-modal .form-item .form-submit-btn {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	white-space: nowrap;
	cursor: pointer;
	background: #ec2a2a;
	border: none;
	color: #fff;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-moz-transition: .1s;
	transition: .1s;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-size: 16px;
	/* margin: 0 0 54px; */
	-webkit-box-shadow: 0 4px 12px rgba(30,89,238,.3);
	-moz-box-shadow: 0 4px 12px rgba(30,89,238,.3);
	box-shadow: 0 4px 12px rgba(30,89,238,.3)
}

.form-modal .form-item .form-submit-btn[disabled] {
	opacity: .3
}

.form-modal .form-item .form-submit-btn:hover {
	-webkit-box-shadow: 0 10px 30px rgba(30,89,238,.32);
	-moz-box-shadow: 0 10px 30px rgba(30,89,238,.32);
	box-shadow: 0 10px 30px rgba(30,89,238,.32)
}

/*模态框 弹窗 动画*/
@-webkit-keyframes showSweetAlert {
	0% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7); }
	45% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05); }
	80% {
		transform: scale(0.95);
		-webkit-transform: scale(0.95); }
	100% {
		transform: scale(1);
		-webkit-transform: scale(1); } }

@keyframes showSweetAlert {
	0% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7); }
	45% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05); }
	80% {
		transform: scale(0.95);
		-webkit-transform: scale(0.95); }
	100% {
		transform: scale(1);
		-webkit-transform: scale(1); } }
.sweet-alert{
	text-align: center;
	-webkit-animation: showSweetAlert 0.3s;
	animation: showSweetAlert 0.3s;

}
@media (max-width: 768px){
	#try-box{width: 90%;}
	#try-box .modal-content{width: 80%;}
	#try-box h1{font-size: 16px;}
	.haigui-wrapper ul li{width: 50%;margin-top: 20px;}
}